<div ng-include="sys_html('home/_header',true,true)"></div>
<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox" style="height:300px">
		<div class="item active">
			<a href="#">
				<img src="../core/resource/images/banner-380.jpg" style="display: block; width: 100%; height: auto;"/>
			</a>
		</div>
	</div>
</div>
<div ng-if="pagedata.op=='list'">
<style>
.table>tbody>tr>td{
	border:0 solid #e7e7eb;
	border-top: 1px solid #e7e7eb;
}
.jylabel-gray {position: relative;padding:2px 10px;}
.jylabel-gray.active::after{content:" ";width:20px;height:22px;background:url(../core/resource/images/promotion-bg.png) 0 -159px no-repeat;position:absolute;float:right;right:-1px;bottom:-1px;text-align:center}
.modal-dialog {margin-top:10%}
.mr30 {
    margin: 30px 0!important;
}
.mt18 {
    margin-top: 18px!important;
}
.f16 {
    font-size: 16px;
}
.f28 {
    font-size: 28px;
}
.index-banner-bottom .hr {
    width: 186px;
    margin: 0 auto;
	font-weight:bold;
	text-align:center;
    border-bottom: 1px solid #d9d9d9;
}
.index-banner-bottom p {
    line-height: 35px;
    padding: 0 260px;
    margin: 0 auto;
}
.templets-help-block{
    display: block;
}
.templets-help-tit{
    margin-top: 60px;
    text-align: center;
}
.templets-help-tit h3{
    color: #333;
    font-size: 26px;
}
.templets-help-tit p{
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    font-size: 14px;
}
.templets-help-item{
    display: block;
    margin-top: 50px;
    text-align: center;
}
</style>

<div class="index-banner-bottom mr30 ">
        <div class="container-index f16 ta-c ftx6">
            <div class="hr f28 bold">精选解决方案</div>
            <div class="mt30">
                <p>我们为您挑选出最适合您实现互联网+，一站式营销解决方案（您也可以自己到后台DIY方案）</p>
            </div>
        </div>
</div>
<div class="container-index news" style="padding-top:20px">
<div class="col-jy-12">
<div class="form-group">
	<div class="btn-group site-tp-group">
		<a ng-class="{'btn': 1,'active': pagedata.params.intype ==-1}" ng-click="pagedata.params.intype = -1;">全部</a>
		<a ng-repeat="(key,value) in pagedata.groups" ng-class="{'btn': 1,'active': pagedata.params.intype == key}" ng-click="pagedata.params.intype = key">{{value.title}}</a>
	</div>
</div>
<div class="jinyun-app-list">
		<div class="fui-goods-group block">
         <div class="fui-goods-item" style="width:20%" ng-repeat="item in pagedata.list" ng-if="pagedata.params.intype == -1 || item.intype==pagedata.params.intype" ng-click="access_json('//detail/id='+item.id)">
					<a data-nocache="true" style="position: relative;">
						<div class="image" style="background-image: url('{{tomedia(item.logo) || '../core/resource/images/noplugin.jpg'}}');">
						</div>
					</a>
                     <div class="detail" style="padding-right:0">
                            <div class="name" style="font-size:18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;">{{item.title}} <span class="r" style="font-size:12px;color:red">{{item.time}}</span></div>
							<div class="price" style="margin-top: 0.3rem">
								<span class="jylabel jylabel-red">限时特卖</span>
								<span class="text blod"> ￥{{item.price || '0.00'}}</span>
								<span ng-if="!item.price" class="buy disabled r" style="background:#999">限时免费</span>
								<a ng-if="item.price" class="btn buy r" href="javascript:;" > 购买</a>
							</div>
							<!--<div class="price" style="margin-top: 0.3rem">
								<span class="text delete" style="color: #bebebe;">原价￥{{item.oldprice}}</span>
								<span class="purchases">{{item.salenum || 0}}人购买</span>
							</div>-->
                      </div>
		</div>
	</div>
</div>
</div>
</div>
</div>
<div ng-if="pagedata.op=='detail'">
<style>
.xi12{ font-size:12px;}
.xi13{ font-size:13px;}
.xi14{ font-size:14px;}
.xi15{ font-size:15px;}
.xi16{ font-size:16px;}
.xi17{ font-size:17px;}
.xi18{ font-size:18px;}
.xi19{ font-size:19px;}
.xi20{ font-size:20px;}
.xi21{ font-size:21px;}
.xi22{ font-size:22px;}
.xi23{ font-size:23px;}
.xi24{ font-size:24px;}
.xi25{ font-size:25px;}
.xi26{ font-size:26px;}
.xi27{ font-size:27px;}
.xi28{ font-size:28px;}
.xi29{ font-size:29px;}
.xi30{ font-size:30px;}
.xi31{ font-size:31px;}
.xi32{ font-size:32px;}
.xi33{ font-size:33px;}
.xi34{ font-size:34px;}
.xi35{ font-size:35px;}
.xi36{ font-size:36px;}
.xi37{ font-size:37px;}
.xi38{ font-size:38px;}
.xi39{ font-size:39px;}
.xi40{ font-size:40px;}
.cu{ font-weight:bold;}
.xi{ font-weight:lighter;}
.apptiem{ width:100%;padding-left:20px}
.apptitle{height:28px; margin-top:2px;}
.apptitle span{ padding:0 3px;}
.app-cell-fee{background:#f3f3f3; margin-bottom:9px; padding:14px;}
.apptiem-iswait{ height:30px; line-height:30px; background:#fff5f1; margin-bottom:9px; padding-left:14px;color:red;font-size:16px}
.app-cell-fee span{ padding:0 5px;}
.app-cell-btn a {font-size:15px;padding: 10px 80px;}
.apptiem-desc{margin-top:-12px;margin-left:5px;margin-right:10px;margin-bottom:10px}
.apptiem1c23{ line-height:32px;}
.apptiem1c24{ line-height:40px; height:53px;}
.apptiem1c26{ line-height:32px; border-bottom:1px solid #ededed;}
.apptiem1c27{ line-height:30px;}
.apptiem1r{ width:263px; border-left:1px solid #ebebeb; height:638px;}
.apptiem1r1{ line-height:44px; background:#f6f6f6; border-bottom:1px solid #e6e6e6;}
.apptiem1r2{ width:61px; height:61px;border-radius:50%; margin:14px auto 7px auto;}
.apptiem1r3{ line-height:22px;}
.apptiem1r4{ height:32px; line-height:22px;}
.apptiem1r5{ line-height:30px;}
.apptiem1r5l{ width:84px; padding-right:5px; text-align:right;}
.apptiem1r5r2{ height:21px; line-height:21px; padding:0 14px;border-radius:5px; margin-top:5px;}
.apptiem1r6{ width:143px; height:37px; line-height:37px; background:#f6f6f6; border:1px solid #e5e5e5;border-radius:5px; margin:15px auto 18px auto;}
.apptiem1r6 a{ display:block;}
.apptiem1r6 a:hover{ background:#3090dd; color:#fff;}
.apptiem1r7{ padding:17px 0 0 0; border-top:1px solid #e5e5e5;}
.apptiem1r7 ul li{ float:left; width:68px; height:28px; line-height:28px; border:1px solid #e5e5e5; margin:0 1px 10px 13px;}
.apptiem2{ margin-bottom:19px; border:1px solid #ededed;}
.apptiem2s{ line-height:44px; height:44px; border-bottom:1px solid #ededed; background:#f6f6f6; text-indent:24px; margin-bottom:21px;}
/*new*/
.item1{margin:0 auto; height:380px;}
.itemc1{ padding:20px 18px 0 0;}
#item_tab1{width:100%;margin:0px;padding:0px;margin-bottom:0px;}
.item_tabborder{border:0;}
.item_navbox {height:50px;position:relative;border-bottom:1px solid #e5e5e5;}
.item_navbox ul{ height:42px;text-align:center;margin:0px;padding:0px;list-style:none; position:absolute; top:0px; left:0;}
.item_navbox li{float:left;display:block;cursor:pointer; padding:0 45px;height:50px;line-height:50px;border-top-width:2px;background:#e5e5e5;border:1px solid #e5e5e5;}
.item_navbox li.hover{ border-top:1px solid #fe5329; border-bottom:1px solid #fff; color:#fe5329;background:none}
.item_contbox{clear:both;margin-top:10px; margin-left:10px; margin-right:10px;border-top:none;min-height:400px;}
.item_upboxl{ padding-right:12px; width:116px;}
.item_upbox{ background:url(../images/apptiem2_03.png) 116px 0 no-repeat;}
.item_upbox:hover{ background:url(../images/apptiem2_031.png) 116px 0 no-repeat;}
.item_upbox:hover .item_upboxl{ color:#ff4e22;}
.item_upboxls{ line-height:55px; margin-top:46px;}
.item_upboxlx{ width:84px; line-height:22px;}
.item_upboxr{ width:1001px; background:#eeeeee;border-radius:5px; margin-top:36px;}
.item_upboxrs{ line-height:35px; padding:20px 50px;}
.app-cont .app-logoinfo {width:380px;height:auto}
.app-cont .app-logoinfo .image {
	position: relative;
    width: 100%;
    height: 270px;
    overflow: hidden;
    margin: 0;
	padding: 26px 18px 0 24px;
    color: #fff;
    padding-bottom: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.app-cont .app-logoinfo .bottom-text {
	height: auto;
	border: 1px solid #e7ebee;
    border-top: 0;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
	font-size:15px;
	padding:10px 5px;
}
.app-cont .app-logoinfo .image .promotion-fill-cell{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:13px 20px;
	height:auto;
	text-align:left;
	font-size:12px;
	color:#fff;
	background:url(../core/resource/images/promotion-fill.png) 0 0 repeat-y;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box
}
.app-cont .app-logoinfo .image .promotion-fill-cell .promotion-title{
	font-size:18px;
	font-weight:bold
}
.app-cont .app-logoinfo .image .promotion-fill-cell .promotion-title>span{color:#ff0}
.app-cont .app-logoinfo .image .promotion-fill-cell .promotion-desc{
	font-size:14px;
	margin-top:5px;
	vertical-align:middle
}
.app-cont .app-logoinfo .image .image-title {
	position: relative;
    height: 28px;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    font-weight: bold;
}
.app-cont .app-logoinfo .image .image-text {
	padding: 9px 0;
    min-height: 84px;
}
.app-cont .app-logoinfo .image .image-text .image-text-desc {
	display: block;
    font-size: 14px;
    text-align: left;
	color:#f2f2f2;
    vertical-align: middle;
    line-height: 26px;
    height: 26px;
}
.app-cont .app-logoinfo .image .image-text .image-text-desc::before{content:" ";display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#fff;margin-right:9px;vertical-align:middle}
.jylabel-gray {position: relative;padding:5px 26px;font-size:15px}
.jylabel-gray.active::after{content:" ";width:23px;height:24px;background:url(../core/resource/images/promotion-bg.png) 0 -159px no-repeat;position:absolute;float:right;right:-1px;bottom:-1px;text-align:center}
</style>
<div class="container-index news" style="padding-top:20px">
<div class="col-jy-12" style="padding-top:20px">
<div class="app-cont flex">
	<div class="app-logoinfo l">
		<div class="image" style="background: url('../core/resource/images/group-logo.jpg') no-repeat 50%;background-size: cover;">
			<div class="image-title">{{pagedata.item.title}}</div>
			<div class="image-text">
				<div class="image-text-desc">全网可视化DIY装修设计</div>
				<div class="image-text-desc">一个站点，全网发布</div>
				<div class="image-text-desc">多应用端，多宣传模式</div>
			</div>
			<div class="promotion-fill-cell">
				<span class="promotion-title"><span>一条龙</span> 买1送全网解决方案</span> 
				<div class="promotion-desc">
					<span>[买套餐送]：</span>
					<span>H5,PC,微信公众号,全网小程序(微信,支付宝,百度,头条/抖音)</span>
				</div>
			</div>
		</div>
		<div class="bottom-text">
			<span style=""><i class="fa fa-adn" style="color:#18bc9c"></i> {{pagedata.item.title}}</span> 
			<span class="r disabled" >场景体</span>
		</div>
	</div>
	<div class="apptiem l">
		<div class="apptitle"><span class="jylabel jylabel-red">限时特卖</span><span class="cu xi16">{{pagedata.item.title}}</span></div>
		<div class="disabled">{{pagedata.item.desc || '暂无描述'}}</div>
		<div class="col-jy" style="width:100%">
			<div class="disabled" style="font-size:15px;padding:8px 0 16px 0">周 期</div>
			<div>
				<a class="jylabel jylabel-gray" ng-class="{'active':!pagedata.post.is_option}" ng-click="pagedata.post.is_option=false;pagedata.price=pagedata.item.price">1年</a>
				<a class="jylabel jylabel-gray" ng-repeat="option in pagedata.item.options" ng-class="{'active':pagedata.post.is_option && pagedata.post.option_id==$index}" ng-click="pagedata.post.is_option=true;pagedata.post.option_id=$index;pagedata.price=option.price">{{option.num}}{{pagedata.time_types[option.time_type]}}</a>
			</div>
		</div>
		<div class="col-jy" style="width:100%;margin-top:20px">
			<div class="l" style="width:auto;margin-right:4px">
				<div class="disabled" style="font-size:15px;padding:0 0 16px 0">场景秀</div>
				<div style="height:40px">
					<a class="jylabel jylabel-gray active">可创建5个</a>
				</div>
			</div>
			<div class="l" style="width:auto;margin-right:4px">
				<div class="disabled" style="font-size:15px;padding:0 0 16px 0">营销活动</div>
				<div style="height:40px">
					<a class="jylabel jylabel-gray active">可创建无限个</a>
				</div>
			</div>
			<div class="l" style="width:auto;margin-right:4px">
				<div class="disabled" style="font-size:15px;padding:0 0 16px 0">APP生成</div>
				<div style="height:40px">
					<a class="jylabel jylabel-gray active">手打5折</a>
				</div>
			</div>
		</div>
		<div class="col-jy" style="width:100%">
			<div class="disabled" style="font-size:15px;padding:0 0 16px 0">支持小程序</div>
			<div style="height:40px">
					<a class="jylabel jylabel-gray active">微信小程序</a>
					<a class="jylabel jylabel-gray active">支付宝小程序</a>
					<a class="jylabel jylabel-gray active">百度小程序</a>
					<a class="jylabel jylabel-gray active">头条/抖音小程序</a>
			</div>
		</div>
		<div class="col-jy-12 app-cell-fee xi14">
			<div style="padding:5px;color:#999">套餐价格：<span class="cu xi20 red">¥ {{pagedata.price || '0.00'}}</span></div>
		</div>
		<div class="app-cell-btn" style="margin:5px 0">
			<a href="javascript:;" ng-click="pay_submit(pagedata.post,'core/account.siteinfo/detail/','home.group_store/')" class="btn btn-red">立即购买</a>					
		</div>
	</div>
</div>
<div class="app-cont" style="margin-top:20px">
	<div id="item_tab1">
		<div class="item_navbox item_tabborder">
		<ul class="xi16">
		   <li class="hover">应用介绍</li>
		</ul>
		</div>
		 <div class="item_contbox item_tabborder">
		   <div  >
			<div class="show_1 mg2">
			{{pagedata.item.desc}}
			<p>------------------------</p>
			<div ng-bind-html="trust(pagedata.item.content)"></div>
			</div>
		   </div>
		 </div>
	</div>
</div>
</div>
</div>
</div>
<div class="index-section-f4 pauto-80" style="padding:2rem 0 2rem 0;background: url('../core/resource/images/diy/templets-help-bg.jpg') center no-repeat;">
        <div class="container-index relative">
            <div class="templets-help-block">
                <div class="templets-help-tit">
                    <h3>服务机制</h3>
                    <p>我们 为全球 2,493,481 商户提供 365x24 小时优质服务</p>
                </div>
                <div class="templets-help-item">
				<div class="row" style="width:1192px;margin:10px auto;">
					<a class="col-md-3" ng-repeat="item in pagedata.site.fuwu" style="text-align: center;" href="{{item.url}}" target="_blank">
						<div style="height:155px;width:100%;background:#fff;margin-bottom:10px;padding:0 5px">
						  <i class="icon {{item.icon || 'icon-all'}}" style="font-size:58px;color:#00bc66"></i>
						  <h3 style="margin-bottom:2px;font-size:18px" class="bold">{{item.title}}</h3>
						  <div class="salegame-desc">{{item.desc}}</div>
						 </div>
					</a>
				</div>
				</div>
			</div>
		</div>
</div>
<div ng-include="sys_html('home/_footer',true)"></div>